﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>喵●文艺</title>
		<link rel="shortcut icon" href="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1464340743,2647919765&fm=27&gp=0.jpg" type="image/x-icon" />
		<link href="static/css/bootstrap.min.css" rel="stylesheet">
		<link href="static/css/animate.css" rel="stylesheet">
		<link href="static/css/ysemm.css" rel="stylesheet">
		<script src="static/js/jquery.min.js"></script>
		<script src="static/js/bootstrap.min.js"></script>
	</head>

	<body>
		<!--  加载方块动画  -->
		<div id="myloader">
			<div class="loader">
				<div class="grid">
					<div class="cube cube1"></div>
					<div class="cube cube2"></div>
					<div class="cube cube3"></div>
					<div class="cube cube4"></div>
					<div class="cube cube5"></div>
					<div class="cube cube6"></div>
					<div class="cube cube7"></div>
					<div class="cube cube8"></div>
					<div class="cube cube9"></div>
				</div>
			</div>
		</div>

		<header>
			<nav class="navbar navbar-default navbar-fixed-top">
				<div class="container">
					<div class="row">
						<div class="col-lg-6 col-xs-6">
							<img style="width: 40%;" src="static/picture/mLogo.png" alt="喵●文艺">
						</div>
						<div class="col-lg-6 col-xs-6">
							<ul class="nav nav-pills">
								<li class="active">
									<a href="index.html">文艺范</a>
								</li>

								<li>
									<a href='index_1.html'>简约范</a>
								</li>

								<li>
									<a href='index_2.html' rel='dropmenu56'>潮酷范</a>
								</li>

								<li>
									<a href='index_3.html'>清新范</a>
								</li>

								<li>
									<a href='index_4.html'>学院派</a>
								</li>

								<li>
									<a href='index_5.html'>打Call</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</nav>
		</header>

		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!--banner小圆点-->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>

			<!--banner图-->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="static/picture/mbanner1.png" alt="专注美食攻略">
					<div class="carousel-caption">
						...
					</div>
				</div>
				<div class="item">
					<img src="static/picture/mbanner2.png" alt="热门旅游攻略">
					<div class="carousel-caption">
						...
					</div>
				</div>
				<div class="item">
					<img src="static/picture/mbanner3.png" alt="文艺物品攻略">
					<div class="carousel-caption">
						...
					</div>
				</div>
			</div>
			<!--banner控制左右-->
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<div id="content">
			<div class="container">
				<!--关于我们-->
				<div class="index-box-aboutus">
					<div class="box-title">
						<span class="box-title-line"></span>
						<h3>about us</h3>
						<h2>关于<strong>我们</strong></h2>
						<p>喵●文艺是收集当下最流行最热门的潮流，文艺的集结站点</p>
						<p>汇集美食，旅游，服装，花卉等</p>
						<p>成为当下文艺小青年的喜爱。</p>
					</div>
					<div class="row aboutus-list">
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeInUp">
							<span class="aboutus-service"></span>
							<p>全球热门资讯</p>
						</div>
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeInUp">
							<span class="aboutus-resources"></span>
							<p>各类顶尖潮流</p>
						</div>
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeInUp">
							<span class="aboutus-technology"></span>
							<p>专业分享服务</p>
						</div>
					</div>
				</div>

				<!--最新新闻-->
				<div class="index-box-news">
					<div class="box-title">
						<span class="box-title-line"></span>
						<h3>news</h3>
						<h2>最新<strong>新闻</strong></h2>
					</div>
					<div class="row news-list">
						<div class="col-lg-5 col-xs-5">
							<div class="news-first-box animate-box" data-animate-effect="fadeInLeft">
								<img src="static/picture/news-first-bg.png" alt="项目融资相关新闻">
								<div class="news-first-text">
									<a href="/news/companynotices/article_20170628_271.html">
										<h4>喵●文艺带你领略不同风采</h4></a>
									<p>随着时代的发现，越来越多的时尚潮流元素涌进中国，给中国的元素色彩添加多元化的元素。新颖，清新，雅致的派别层出不穷。</p>
								</div>

							</div>
						</div>
						<div class="col-lg-7 col-xs-7">
							<ul class="news-other-box">
								<li class="row animate-box" data-animate-effect="fadeInRight">
									<div class="col-lg-2 col-xs-2">
										<span><strong>14</strong>2017-07</span>
									</div>
									<div class="col-lg-10 col-xs-10">
										<a href="http://www.manshijian.com/articles/article_detail/202284.html">
											<h4>必看，20部摄影超美的电影！</h4></a>
										<p>文 | 刘星文你可以花几年时间培养出一位摄影师，但不如直接把相机交给一位诗人。Sergio Larrain做好任何事情都有决定性的核心因素，比如美感之于摄影。美感，就像决定软件性能的底层代码，它决定了你能飞多高，飞多远。如果没有对生活的激情，如果对一切都麻...</p>
										<div class="row-tags">
											<a href='javascript:void(0)'>电影</a>
										</div>
									</div>
								</li>
								<li class="row animate-box" data-animate-effect="fadeInRight">
									<div class="col-lg-2 col-xs-2">
										<span><strong>14</strong>2017-07</span>
									</div>
									<div class="col-lg-10 col-xs-10">
										<a href="http://www.manshijian.com/articles/article_detail/202263.html">
											<h4>发怒不如发奋，生气不如争气</h4></a>
										<p>成年人的恋爱可真没劲，好像大家都很忙，忙着交际，忙着工作，忙着生活，忙的好像连心动和喜欢都是奢侈的。想想还是十七八岁的青涩和悸动最让人怀念了，牵手都是直冒汗的那种。懂得宽容，人生的路才会越走越宽。小时候，幸福是件很简单的事；长大后，简单是件...</p>
										<div class="row-tags">
											<a href='JavaScript:void(0)'>随笔</a>
										</div>
									</div>
								</li>
								<li class="row animate-box" data-animate-effect="fadeInRight">
									<div class="col-lg-2 col-xs-2">
										<span><strong>07</strong>2017-07</span>
									</div>
									<div class="col-lg-10 col-xs-10">
										<a href="http://www.manshijian.com/articles/article_detail/202243.html">
											<h4>我愿沉浸在那片日光云海之中</h4></a>
										<p>伊恩·费舍尔 1984年出生于加拿大，曾就读于科罗拉多大学波尔得分校，目前工作和居住在美国丹佛市。他10年里只绘画“云”这一个元素，不仅表达出云的真实形态，更彰显出的这些形态蕴藏的永恒的想象力与创造力， 让人印象深刻 目光久久不愿离去。他所绘制的云海...</p>
										<div class="row-tags">
											<a href='JavaScript:void(0)'>插画</a>
										</div>
									</div>
								</li>

							</ul>
						</div>
					</div>
				</div>

				<!--合作网站-->
				<div class="index-box-cooperation">
					<div class="box-title">
						<span class="box-title-line"></span>
						<h3>cooperation</h3>
						<h2>潮流<strong>派</strong></h2>
						<p>喵●文艺带你了解当下最流行的潮流文化和最新颖的潮流玩法，让你的生活更加精彩</p>
						<p>开启不一样的轻松生活，让你玩出花样，玩出新颖。</p>
					</div>
					<div class="row cooperation-list">
						<div class="col-lg-4 col-xs-4 col-funds animate-box" data-animate-effect="fadeInUp">
							<a href="cooperation.html">
								<div class="col-box">
									<div class="icon"></div>
									<div class="text">
										<p>炎炎夏日，缤纷饮品等你来抢，好喝的冰饮，给你凉爽夏季。奶茶，果饮多种多样。</p>
									</div>
								</div>
							</a>
						</div>
						<div class="col-lg-4 col-xs-4 col-cooperation animate-box" data-animate-effect="fadeInUp">
							<a href="cooperation.html">
								<div class="col-box">
									<div class="icon"></div>
									<div class="text">
										<p>街头美食，餐厅美食，不论什么地方最吸引人的都是美食，作为一枚纯正吃货，怎么不心动呢。</p>
									</div>
								</div>
							</a>
						</div>
						<div class="col-lg-4 col-xs-4 col-agency animate-box" data-animate-effect="fadeInUp">
							<a href="regionalagency.html">
								<div class="col-box">
									<div class="icon"></div>
									<div class="text">
										<p>年轻派的我们，是不拘束与一个小小的空间，万千美好的世界等着我们去发现探索。抽出一小点时间，体验一下不同地方的美。</p>
									</div>
								</div>
							</a>
						</div>
					</div>
				</div>

			</div>
		</div>
		<footer class="home-footer">
			<!-- 友情链接 -->
			<div class="flink-container">
				<div class="box-title-flink"><span></span></div>
				<div class="index-box-flink">
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">美食攻略</a>
						<a target="_blank" href="javascript:void(0);">茶饮文化</a>
						<a target="_blank" href="javascript:void(0);">热门美食</a>
						<a target="_blank" href="javascript:void(0);">网红美食</a>
						<div class="flink-line"></div>
					</div>
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">旅游攻略</a>
						<a target="_blank" href="javascript:void(0);">抖音圣地</a>
						<a target="_blank" href="javascript:void(0);">冷门景点</a>
						<a target="_blank" href="javascript:void(0);">大众旅游</a>
						<div class="flink-line"></div>
					</div>
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">穿搭攻略</a>
						<a target="_blank" href="javascript:void(0);">潮流穿搭</a>
						<a target="_blank" href="javascript:void(0);">网红搭配</a>
						<a target="_blank" href="javascript:void(0);">个性装扮</a>
						<div class="flink-line"></div>
					</div>
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">慢文艺</a>
						<a target="_blank" href="javascript:void(0);">手工艺</a>
						<a target="_blank" href="javascript:void(0);">抖音打卡</a>
						<a target="_blank" href="javascript:void(0);">时尚工艺</a>
						<div class="flink-line"></div>
					</div>
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">喵部落</a>
						<a target="_blank" href="javascript:void(0);">热门资讯</a>
						<a target="_blank" href="javascript:void(0);">关于我们</a>
						<a target="_blank" href="javascript:void(0);">优选精品</a>
					</div>
				</div>
			</div>
			<div class="footer">
				<p> 该 此 网 站 所 有 权 为 喵 ● 文 艺 所 有 </p>
			</div>

		</footer>

		<script src="static/js/jquery.min.js"></script>
		<script src="static/js/pace.min.js"></script>

		<script src="static/js/bootstrap.js"></script>
		<script src="static/js/jquery.waypoints.min.js"></script>
		<script type="text/javascript">
			$('#carousel-example-partner').carousel({
				interval: 3000
			});
		</script>
		<script src="static/js/main.js"></script>
		<script type="text/javascript">
			// 加载方块动画js
			Pace.on("done", function() {
				$("#myloader").fadeOut(800);
			});
		</script>
	</body>

</html>